@import '@/common/css/variables.less';

/* 奖品列表 */
.prize-list{
	padding-bottom: 0;
	.filter-box{
		padding: 20rpx 30rpx;
		.input-box{
			width: 290rpx;height: 60rpx;padding: 16rpx 20rpx;background-color: #f5f5f5;border-radius: 30rpx;
			input{height: 28rpx;line-height: 28rpx;min-height: unset;font-size: 24rpx; }
		}
		.date{width: 342rpx;padding-left: 20rpx;}
		.icon{width: 28rpx;height: 28rpx;}
	}
	.list-box{
		padding: 0 30rpx;
		.item{
			padding: 30rpx 12rpx;border-bottom: 2rpx solid #f5f5f5;
			.image{
				width: 120rpx;height: 120rpx;border-radius: 10rpx;background-color: #eee;padding: 10rpx;
				image{width: 100rpx;}
			}
			.btn{
				width: 120rpx;height: 44rpx;text-align: center;line-height: 44rpx;color: #fff;font-size: 24rpx;border-radius: 22rpx; 
				&.btn1{background-color: @theme-color;}
				&.btn2{background-color: @assist-color;}
				&.btn3{background-color: #969696;}
			}
			.info{flex: 1;height: 120rpx;padding-left: 30rpx;line-height: 28rpx;}
		}
	}
}

/* 奖品列表弹窗 */
.popup-prize{
	width: 560rpx;padding: 40rpx; border-radius: 20rpx;background: #fff;
	.btn{
		width: 210rpx;line-height: 60rpx;text-align: center;border-radius: 30rpx;color: #fff;font-size: 28rpx;margin-top: 50rpx;
		&.btn1{background-color: @theme-color;}
		&.btn2{background-color: @assist-color;}
	}
	.btn-long{
		width: 480rpx;line-height: 70rpx;text-align: center;border-radius: 6rpx;color: #fff;font-size: 28rpx;margin-top: 50rpx;background-color: @theme-color;
		&.grey{background-color: #d8d8d8;color: #323232;}
	}
	.form-prize{
		.item{
			display: -webkit-flex;display: flex;justify-content: flex-start; align-items: flex-start;margin-top: 40rpx;
			.label{width: 140rpx;font-size: 28rpx;line-height: 60rpx;}
			.f-input, .f-textarea{width: 340rpx; border-radius: 6rpx;background-color: #f5f5f5;padding: 10rpx 20rpx;}
			.f-input{
				height: 60rpx;
				input{font-size: 24rpx;height: 40rpx;line-height: 40rpx;min-height: unset;}
			}
			.f-textarea{
				height: 170rpx;
				textarea{width: 300rpx;height: 150rpx; font-size: 24rpx;}
			}
			.check{width: 24rpx;height: 24rpx;margin-right: 32rpx;margin-top: 6rpx;}
		}
		&.form-look{
			.label{width: 140rpx;font-size: 28rpx;line-height: unset;color: #999;}
			.text{width: 340rpx;font-size: 28rpx;line-height: 42rpx;}
		}
	}
	.content{font-size: 28rpx;line-height: 54rpx;padding-top: 60rpx;}
}

/* 充值界面 */
.recharge {
	.recharge_bos {
		padding: 30rpx 35rpx;
		.recharge_title {margin-bottom: 40rpx;font-size: 32rpx;font-weight: bold;}
		.recharge_box {
			display: flex;flex-wrap: wrap;justify-content: space-between;
			.item {
				flex-direction: column;align-items: center;justify-content: space-between;
				width: 48%;height: 140rpx;line-height: 30rpx; border: solid 2rpx #ddd;color: #323232;border-radius: 10rpx;padding: 26rpx 0rpx; display: flex;margin-bottom: 30rpx;
				&.linght {border-color: @theme-color;color: #ffffff;background-color: @theme-color;}
			}
		}
	}
}

/* 助力列表 */
.page-help{
	height: auto;min-height: 100%; background-repeat: no-repeat;background-size: 100%;background-position: center top;color: #323232;
	.banner{display: block; width: 750rpx;}
	.help_title {
		&.box-shadow{border-radius: 30rpx;}
		width: 690rpx;height: 250rpx;padding: 30rpx 0;align-items: center;
		.help_num {font-size: 50rpx;color: #dd2f00;font-weight: bold;}
		.btns {
		  width: 600rpx;
		  .btn{
			  width: 244rpx;height: 70rpx;border-radius: 35rpx;font-size: 28rpx;color: #ffffff;text-align: center;line-height: 70rpx;
			  &.btn1{background-color: @assist-color;}
			  &.btn2{background-color: @theme-color;}
		  }
		}
	}
	.help_list {padding: 30rpx 0 50rpx;}
	.list_box{
		width: 634rpx;margin-left: 28rpx;height: 120rpx;border-bottom: 2rpx #f2f2f2 solid;
		image {width: 50rpx;height: 50rpx;border-radius: 30rpx;}
		text {display: inline-block;width: 200rpx;padding-left: 30rpx;}
	}
}
